<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1055933
-->
<head>
  <title>Test for Bug 1055933</title>
  <script type="text/javascript" src="/MochiKit/packed.js"></script>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1055933">Mozilla Bug 1055933</a>
<p id="display"></p>
<div id="content" style="display: none">
  
</div>
<pre id="test">
<script class="testbody" type="text/javascript">
/** Test for Bug 1055933 **/
SimpleTest.waitForExplicitFinish();
addLoadEvent(function() {
	var element = document.getElementById('area');
	is(getComputedStyle(element).cursor, "pointer", "Does the <area> element return the correct cursor?");
	//Force mPrimaryFrame to be set
	requestAnimationFrame( function() {
		synthesizeMouseAtCenter(document.getElementById('image'), {}, window);
		is(getComputedStyle(element).cursor, "pointer", "Does the <area> element still return the correct cursor after mPrimaryFrame is set?");
		SimpleTest.finish();
	});
});
</script>
</pre>
  <div style="cursor: crosshair">
    <img usemap="#map" border ="0" id="image" src="file_bug1055933_circle-xxl.png">
    <map id="map" name="map">
      <area id="area" onmousedown="this.setCapture();" onmouseup="this.releaseCapture();" shape="circle" coords="128,129,103" style="cursor: pointer">
    </map>
  </div>
</body>
</html>
